﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>登录</title>

        <!-- CSS -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/login.css">
        <link rel="stylesheet" href="assets/css/plagins/modal.css">

    </head>

    <body>
        <!-- Top content -->
        <div class="top-content">
            <div class="inner-bg">
                <div class="container">
                    <div class="row">
                        <div class="form-box">
                        	<div class="text-left">
                                <h1>
                                    <label class="logo"></label>
                                    <label class="logo-title"></label>
                                </h1>
                            </div>
                        	<div class="login-form">
	                        	<div class="form-top">
	                        		<div class="text-center">
	                        			<h3><strong>产品采购订单系统</strong></h3>
	                        		</div>
	                            </div>
	                            <div class="form-bottom">
                                    <ul id="myTab" class="nav nav-tabs">
                                        <li class="active">
                                            <a href="#tab-staff" data-toggle="tab" class="staff-tab text-center">
                                                员工登录
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#tab-company" data-toggle="tab" class="company-tab text-center">企业管理员
                                            </a>
                                        </li>
                                    </ul>
                                    <div id="myTabContent" class="tab-content">
                                        <div class="tab-pane fade in active" id="tab-staff" style="padding: 20px 0px">
                                           <form class="form-horizontal" id="form1">
                                              <div class="form-group">
                                                <label for="company" class="col-xs-2 control-label">公司名称:</label>
                                                <div class="col-xs-10">
                                                    <div class="input-group">
                                                        <span class="input-group-addon">
                                                            <i class="glyphicon">
                                                                <span class="form-icon icon-company"></span>
                                                            </i>
                                                        </span>
                                                        <input type="text" name='company_name' class="form-control" placeholder="请输入公司全名">
                                                    </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <label for="name" class="col-xs-2 control-label">员工姓名:</label>
                                                <div class="col-xs-10">
                                                    <div class="input-group">
                                                        <span class="input-group-addon">
                                                            <i class="glyphicon">
                                                                <span class="form-icon icon-name"></span>
                                                            </i>
                                                        </span>
                                                        <input type="text" name="user_name" class="form-control" placeholder="请输入员工姓名／工号">
                                                    </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <label for="inputPassword" class="col-xs-2 control-label">密&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp码:</label>
                                                <div class="col-xs-10">
                                                    <div class="input-group">
                                                        <span class="input-group-addon">
                                                            <i class="glyphicon">
                                                                <span class="form-icon icon-password"></span>
                                                            </i>
                                                        </span>
                                                        <input type="password" name="password" class="form-control" placeholder="请输入员工密码">
                                                    </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <label for="captcha" class="col-xs-2 control-label"></label>
                                                <div class="col-xs-10" >
                                                  <input type="text" class="form-control" placeholder="请输入图片验证码" style="width: 220px; display: inline-block;">
                                                  <img src="" alt="验证码">
                                                </div>
                                              </div>
                                                <div class="">
                                                  <button type="submit" class="btn-login">登录</button>
                                                  <a href="register.html" class="forget-pwd" >忘记密码？</a>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="tab-pane fade" id="tab-company" style="padding: 20px 0px">
                                            <form class="form-horizontal" id="form2">
                                              <div class="form-group">
                                                <label for="company" class="col-xs-2 control-label">公司名称:</label>
                                                <div class="col-xs-10">
                                                    <div class="input-group">
                                                        <span class="input-group-addon">
                                                            <i class="glyphicon">
                                                                <span class="form-icon icon-company"></span>
                                                            </i>
                                                        </span>
                                                        <input type="text" name='company_name' class="form-control" placeholder="请输入公司全名">
                                                    </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <label for="inputPassword" class="col-xs-2 control-label">密&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp码:</label>
                                                <div class="col-xs-10">
                                                    <div class="input-group">
                                                        <span class="input-group-addon">
                                                            <i class="glyphicon">
                                                                <span class="form-icon icon-password"></span>
                                                            </i>
                                                        </span>
                                                        <input type="password" name="password" class="form-control"  placeholder="请输入员工密码">
                                                    </div>
                                                </div>
                                              </div>
                                              <div class="form-group">
                                                <label for="captcha" class="col-xs-2 control-label"></label>
                                                <div class="col-xs-10" style="width: 220px">
                                                  <input type="text" class="form-control" placeholder="请输入图片验证码">
                                                </div>
                                              </div>
                                                <div class="">
                                                  <button type="submit" class="btn-login">登录</button>
                                                  <a href="register.html" class="forget-pwd" >忘记密码？</a>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
			                    </div>
		                    </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12" style="padding: 40px">
                            <div class="text" >
                            Copyriht@国泰医通（浙江）供应链管理有限公司 版权所有 ICP证：浙B2-20080101
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" 
                                aria-hidden="true">x
                        </button>
                    </div>
                    <div class="modal-body"style="height: 200px;">
                        <div class="title">存在同姓名其他员工，请选择你的工号！</div>
                        <select name="" class="select-numer">
                            <option value="000000">000001</option>
                        </select>
                        <div class="col-md-12 text-center" >
                            <button type="button" class="btn-confirm">
                                    确认
                            </button>
                            <button type="button" class="btn-cancel" 
                                    data-dismiss="modal">取消
                            </button>
                        </div>
                    </div>
                  
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

        <!-- Javascript -->
        <script src="assets/js/jquery-1.11.1.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.backstretch.min.js"></script>
        <!-- <script src="assets/js/retina-1.1.0.min.js"></script> -->
        <script src="assets/js/login/login.js"></script>
        <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
        <script src="assets/js/placeholder.js"></script>
        
        <script>
            $('#myModal').modal({'show': true })
        </script>
        

    </body>
</html>





